<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>双飞翼布局</title>
</head>
<style>
/* 画三角形 */
/* #triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
} */



  #header, #footer {
    background: rgba(29, 27, 27, 0.726);
    height: 60px;
  }
  #footer {
    clear: both;
  }
  #container {
    padding-left: 200px;  
    padding-right: 150px;  
    overflow: hidden;
  }
  #container .column {
    position: relative;
    float: left;
    margin-bottom: -2000px;
    padding-bottom: 2000px;
  }
  #center {
    width: 100%;
    margin-left: -200px;
    background: rgb(206, 201, 201);
  }
 
  #left {
    width: 200px;         
    left: -200px;         
    /* margin-left: 200px; */
    background: rgba(95, 179, 235, 0.972);
  }
 
  #right {
    width: 150px;        
    margin-left: -150px;  
    left: 150px;
    background: rgb(231, 105, 2);
  }
  .content{
    margin: 0 150px 0 200px;
    /* height: 800px; */
  }
</style>
<body>
  <div id="header">#header</div>
  <div id="container">
    <div id="left" class="column">#left</div>
    <div id="center" class="column">
      <div class="content">44</div>
    </div>
    <div id="right" class="column">#right</div>
  </div>
  <div id="footer">#footer</div>
  <script>
    // var wizards = [
    //   {
    //     name: 'Harry Potter',
    //     house: 'Gryfindor'
    //   },
    //   {
    //     name: 'Cedric Diggory',
    //     house: 'Hufflepuff'
    //   },
    //   {
    //     name: 'Tonks',
    //     house: 'Hufflepuff'
    //   },
    //   {
    //     name: 'Ronald Weasley',
    //     house: 'Gryfindor'
    //   },
    //   {
    //     name: 'Hermione Granger',
    //     house: 'Gryfindor'
    //   }
    // ];

    // // var hufflepuff = wizards.filter(function (wizard) {
    // //   return wizard.house === 'Hufflepuff';
    // // }).map(function (wizard) {
    // //   return wizard.name;
    // // });
    // var key = wizards[1].name.replace(' ', '');
    // console.log(key);
    // // console.log(hufflepuff);

    // // 需要实现的函数
    // function repeat(func, times, wait) {
    //   return ((a) => {
    //     let i = 1, b;
    //     b = setInterval(() => {
    //       func(a);
    //       i++;
    //       if (i > times) clearInterval(b);
    //     }, wait)
    //   })
    // };
    // // 使下面调用代码能正常工作
    // const repeatFunc = repeat(console.log, 4, 3000);
    // repeatFunc("hellworld");//会输出4次 helloworld, 每次间隔3秒



  </script>
</body>

</html>